<template>
  <div class="layout-login">
    <div class="head" @click.stop="goHome">
      <div class="logo-part">
        <img :src="active_logo" alt="logo">
        <span class="splite"></span>
        <span class="title-text">{{header_title}}</span>
      </div>
      <div class="hot-part">
        <!-- <span>客服热线：</span>
        <span>010-11211200</span> -->
      </div>
    </div>
    <nuxt class="login-box" />
    <copyright />
  </div>
</template>

<script>
import Copyright from '../components/copyright.vue'
export default {
  name: 'Login',
  data() {
    return {
      active_logo: require('@assets/img/login/pc-caise-logo.png'),
      header_title: ''
    }
  },
  components: {
    Copyright
  },
  mounted() {
    this.header_title = this.$store.state.layoutLoginPageTitle
  },
  methods: {
    goHome() {
      // this.$router.push(this.$PATH_CONST.login_page)
    }
  }
}
</script>
<style lang="less">
@import '../assets/var.less';
.layout-login {
  display: flex;
  flex-direction: column;
  height: 100vh;
  min-width: 1110px;
  background:
    #f4f6fb
    url('../../../m-front-common/pc/assets/img/home/registerbg1.png') no-repeat 100% 100%;
  .head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 70px;
    background-color: #fff;
    padding: 0 100px;
    box-sizing: border-box;
    font-size: 16px;
    .logo-part{
      display: flex;
      justify-content: center;
      align-items: center;
      cursor: pointer;
      img{
        width: 291px;
        height: 33px;
      }
      .title-text{
        font-family: PingFangSC-Medium;
        font-size: 18px;
        color: #333333;
        letter-spacing: 1px;
        text-align: center;
      }
      .splite{
        border: 1px solid #d9d9d9;
        display: inline-block;
        height: 20px;
        margin: 0 48px 0 20px;
      }
    }
  }
  .hot-part{
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #363636;
    letter-spacing: 1px;
    text-align: center;
  }
  .login-box {
    flex: 1;
  }
}
</style>
